import { defineComponent } from 'vue'
import { LeftOutlined } from '@ant-design/icons-vue'

export default defineComponent({
  setup() {
    const imgUlr = 'https://img1.baidu.com/it/u=3719811331,709441069&fm=253&fmt=auto&app=138&f=JPEG?w=731&h=500'
    return () => (
      <>
        <div class="w-full h-[211px] relative">
          <span class="absolute top-0 left-0 right-0 px-3 py-3">
            <LeftOutlined class="text-xl text-white float-left  " />
            <span
              class="float-right inline-block px-3 py-[2px] text-white rounded-xl"
              style="background: rgba(7,7,7,0.30)"
            >
              60s关闭
            </span>
          </span>
          <img src={imgUlr} alt="" class="w-full h-full object-cover " />
        </div>
      </>
    )
  }
})
